<!DOCTYPE html>
<html>
<head>
	<title>Trebuchet - Game Map</title>
	
	<meta charset="UTF-8">
	<meta name="keywords" content="Trebuchet world domination strategy game">
	<meta name="description" content="Trebuchet, an online strategy game">
	
	<link rel="stylesheet" type="text/css" href="css/master.css">
</head>
<body id="Maint">

<header>
		<h1><a href="index.html">Trebuchet <small>Alpha</small></a></h1>
		<nav>
			<ul>
				<li><a class="zing" href="base.html">Start Game</a></li>
				<li><a href="dashboard.html">Dashboard</a></li>
				<li><a href="settings.html">Settings</a></li>
				<li><a href="signout.html">Sign Out</a></li>
			</ul>
		</nav>
		<div class="clear"></div>
</header>

<!-- Wrapper -->
<div id="Wrapper">

	<!-- Menu -->
	<aside id="Menu">

		<!-- Overview -->
		<div id="Overview" class="mod">
			<h2>Game Overview</h2>
			<div class="guts">
			</div>
		</div>
		<!-- / Cards -->
		
		<!-- Chat -->
		<div id="Chat" class="mod">
			<h2>Smack Talk</h2>
			<ul class="Data">
			 <li><em>Mike said at <small>07-06-2012 12:00PM</small></em><br/>
			 	What a sweet game.</li>
			 <li><em>Dan said at <small>07-06-2012 12:05PM</small></em><br/>
			 	Yeah, I know dude.</li>
			 <li><em>Mike said at <small>07-06-2012 12:00PM</small></em><br/>
			 	What a sweet game.</li>
			 <li><em>Dan said at <small>07-06-2012 12:05PM</small></em><br/>
			 	Yeah, I know dude.</li>
			 <li><em>Mike said at <small>07-06-2012 12:00PM</small></em><br/>
			 	What a sweet game.</li>
			 <li><em>Dan said at <small>07-06-2012 12:05PM</small></em><br/>
			 	Yeah, I know dude.</li>
			</ul>
			<div id="ChatBox">
				<textarea cols="40" rows="3"></textarea>
				<input type="submit" value="GO &raquo;"/>
			</div>
		</div>
		<!-- / Chat -->

		<!-- Cards -->
		<div id="Cards" class="mod">
			<h2>Cards</h2>
			<div class="guts">
			</div>
		</div>
		<!-- / Cards -->

	</aside>
	<!-- / Menu -->

	<!-- Map -->
	<section id="MapContent">

		<ul class="Tabs">
		 <li class="sel"><h1>Death Match</h1></li>
		 <li><a href="#">Details &amp; Rules</a></li>
		 <li><a href="#">History</a></li>
		 <li><a href="#">Discussion</a></li>
		</ul>

		<div id="GameBoard">
			<div id="AttackBoard">
				<strong>Attack Results:</strong> Attacker's Roll: 6 6 2 &nbsp; Defender's Roll: 4 2
			</div>
			<div id="GameMap">
				This is where the map goes.
			</div>
		</div>

	</section>	
	<!-- / Map -->

	<div class="clear"></div>

	<footer>
		&copy;2012 Algonquin Studios
	</footer>

</div>
<!-- / Wrapper -->

</body>
</html>